<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<title>注册_蘑菇街</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="renderer" content="">
		<meta name="copyright" content="">
		<meta name="robots" content="nofollow">
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/pkg-navigation.css" media="all">
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/module-captcha.css" media="all">
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/page-login.css" media="all">
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/hdjs/hdjs.css">
		<script type="text/javascript" src="{{__PUBLIC__}}/jquery-1.8.js"></script>
		<script type="text/javascript" src="{{__PUBLIC__}}/hdjs/hdjs.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$('#form').validate({
					// 用户名
					username:{
						// 规则
						rule:{
							required:true,
							ajax:{url:"{{U('User/check')}}"},
						},
						// 提示信息
						error: {
	                    required: '用户名不能为空'
	                },
						success:'验证通过',
						// message:'请输入用户名',
					},
					// 手机号码
					phone:{

		                rule: {
		                	required: true,
		                    phone:true,
		                },
		                error: {
		                	required: '手机号码不能为空',
		                    phone: '手机号码错误',
		                },
		                success: '验证通过',
		                // message: '请输入手机号码',
	            	},
	            	// 邮箱
	            	email:{
		                rule: {
		                    required: true,
		                    email: true,
		                },
		                error: {
		                    required: '邮箱不能为空',
		                    email: '邮箱不正确',
		                },
		                success: '验证通过',
		                // message: '请输入邮箱',
	            	},
	            	// 密码
	            	password:{
	    					//规则
		                rule: {
		                    required: true,
		                    minlen:6,
		                    maxlen:20
		                },
		                error: {
		                    required: '密码不能为空',
		                    minlen:  '密码不得少于6位',
		                    maxlen: '密码不得超出20位',
		                },
		                success: '验证通过',
		                // message: '请填写密码',
	            		},

	            	// 确认密码
	            	cpassword: {
		                rule: {
		                    required: true,
		                    minlen:6,
		                    maxlen:20,
		                    confirm:'password',
		                },
		                error: {
		                    required: '密码不能为空',
		                    minlen:  '密码不得少于6位',
		                    maxlen: '密码不得超出20位',
		                    confirm: '两次密码不一致',
		                },
		                success:'验证通过',
		                // message:'请填写确认密码',
	            	},
				})
			})
		</script>
	</head>
	<body>
		<div id="content_body">
			<div class="login_wrap">
				<div class="logo">
					<a data-ptp-idx="1" title="蘑菇街" href="" class="logo_img"></a>
				</div>
				<div class="content clearfix">
					<div class="lg_banner">
						<a data-ptp-cache-id="1.BzbNDOj0.Q4Gueuee.2.6IC6Ad" data-ptp-idx="2" href="" target="_blank" class="banner1"><img src="{{__PUBLIC__}}/Home/images/baolu_ie2windgmizdszbrgazdambqhayde_400x300.jpg"></a>
					</div>
					<div class="rg_left" id="rg_content">
						<div class="regist">
							<h3>新用户注册</h3>
						</div>
						<form id="form"  action="" method="post">
						<div class="mod_box rg_mod_box" data-isshow="0">
							<!-- 用户名 -->
							<div class="user mb">
								<input class="text" name="username" placeholder="用户名" style="border-color:#CFCFCF; color:#999;" type="text">
								<span id="hd_username"></span>
							</div>
							<!-- 手机号码 -->
							<div class="clearfix mb">
								
								<input class="text" name="phone" placeholder="手机号码" style="border-color:#CFCFCF; color:#999;" type="text">
								<span id="hd_phone"></span>
							</div>
							<div class="email mb">
								
								<input class="text" name="email" placeholder="邮箱" style="border-color:#CFCFCF; color:#999;" type="text">
								<span id="hd_email"></span>
							</div>
							<!-- 密码 -->
							<div class="rg_password mb">
								<input maxlength="32" class="text" name="password" placeholder="请设置密码(6-20位)" style="border-color:#CFCFCF; color:#999;" type="password">
								<span id="hd_password"></span>
							</div>
							<!-- 确认密码 -->
							<div class="rg_password mb">
								<input maxlength="32" class="text" name="cpassword" placeholder="请再次确认密码" style="border-color:#CFCFCF; color:#999;" type="password">
								<span id="hd_cpassword"></span>
							</div>
							<div class="rg_submit mb">
								<input value="注册" class="sub" type="submit">
								<!-- <button type="submit">注册</button> -->
							</div>
							<div class="rg_login">
								<a data-ptp-idx="5" href="">已有账号</a>
							</div>
							</form>
							<!--  -->
						</div>
					</div>
				</div>
			</div>
			<div class="login_foot">
				<div class="login_foot_con">
					<div class="qr_code_box fr">
						<h3>蘑菇街移动客户端</h3>
						<a data-ptp-idx="6" class="qr_code" href="" target="_blank"></a>
					</div>
					<ul class="link_list clearfix">
						<li>
							<h3>新手帮助</h3>
							<a data-ptp-idx="7" href="" target="_blank">如何购买</a>
							<a data-ptp-idx="8" href="" target="_blank">支付教程</a>
							<a data-ptp-idx="9" href="" target="_blank">优惠券使用</a>
							<a data-ptp-idx="10" href="" target="_blank">常见问题</a>
						</li>
						<li>
							<h3>权益保障</h3>
							<p>全国包邮</p>
							<p>7天无理由退货</p>
							<p>退货运费补贴</p>
							<p>72小时发货</p>
						</li>
						<li>
							<h3>商家服务</h3>
							<a data-ptp-idx="11" href="" target="_blank">免费开店</a>
							<a data-ptp-idx="12" href="" target="_blank">商家社区</a>
							<a data-ptp-idx="13" href="" target="_blank">商家入驻</a>
							<a data-ptp-idx="14" href="" target="_blank">管理后台</a>
						</li>
					</ul>
					<p title="SERVER: guomai036085" class="copyright">©Copyright 2010-2015 蘑菇街 Mogujie.com (增值电信业务经营许可证：浙B2-20110349)</p>
				</div>
			</div>

		</div>

	</body>

</html>